<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<head>
<script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
	<%@include file="../common/css.jsp"%>
		<%@include file="../common/jspcommon.jsp"%>
		  <%@include file="../common/mjs.jsp"%>
		  <link rel="stylesheet" type="text/css" href="/css/showImg.css" />
		  <script type="text/javascript" src="/js/jqueryui.js"></script>
		  <script type="text/javascript" src="/js/jquery.mousewheel.min.js"></script>
		  <script type="text/javascript" src="/js/jquery.iviewer.js"></script>
		  <script type="text/javascript" src="/js/zoomimg.js"></script>
    <link type="text/css" href="/css/style_member.css" rel="stylesheet" />
    <link type="text/css" href="/css/style_auction.css" rel="stylesheet" />
     
     <script type="text/javascript">var server_time = ${longtimeSever}</script>
  		
    <title>拍卖-笔飞美术作品</title>
    <script type="text/javascript">
    </script>
</head>
<body>
<div id="box">
   <%@include file="../common/header.jsp" %> 
    <div id="main_div">
        <div class="site_map"><a href="welcome.htm">首页</a> 》拍卖活动</div>
        
        <div class="main_div_left mt10">
            <div class="zp_show">
                <a href="#"><img id="BigPic" src="${artPic.imagePath}" alt="${artPic.title}"/></a>
            </div>
            <div class="zp_fd">
                <a href="javascript:;" id="zooming" onclick="zoomPic();"><img src="../images/btn_fd.jpg" alt=""/></a>
            </div>
            
            <div class="zp_list2">
                <h2>图 片</h2>
                <ul>
                <c:if test="${ not empty artPic.imagePath }">
                    <li><a href="#"><img src="${artPic.imagePath }" onmouseover="javascript:document.getElementById('BigPic').src='${artPic.imagePath }';" alt=""/></a></li>
               </c:if>
             <c:if test="${ not empty artPic.imagePath2 }">
                    <li><a href="#"><img src="${ artPic.imagePath2}" onmouseover="javascript:document.getElementById('BigPic').src='${artPic.imagePath2 }';" alt=""/></a></li>
                  </c:if>
               <c:if test="${ not empty artPic.imagePath3 }">
                    <li><a href="#"><img src="${ artPic.imagePath3}" onmouseover="javascript:document.getElementById('BigPic').src='${artPic.imagePath3 }';" alt=""/></a></li>
                    </c:if>
              <c:if test="${ not empty artPic.imagePath4 }">
                    <li><a href="#"><img src="${artPic.imagePath4 }" onmouseover="javascript:document.getElementById('BigPic').src='${artPic.imagePath4 }';" alt=""/></a></li>
                </c:if>
                </ul>
            </div>

        </div>
        <div class="main_div_right mt10">
            <div class="goods_details box thin_box">
                <div class="bd">
                    <div class="details">
                        <p class="sn"> # ${artPic.identifier}&nbsp;&nbsp;<a href="#" style="display:inline-block;padding:4px 12px;line-height:16px;background-color:#eee;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; "  class="jiathis jiathis_txt jtico jtico_jiathis">分享</a></p>
                        <a href="#" class="brand" rel="external">${artPic.painter}</a>
                         <!-- JiaThis Button BEGIN -->
                        <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1358994979671444" charset="utf-8"></script>
                        <!-- JiaThis Button END -->
                        <h1>
                            <a href="#" rel="external">${artPic.title}</a></h1>
                        <div class="goods_properties">
                            <p>
                                <strong>艺术家：</strong>${artPic.painter}</p>
                            <p>
                                <strong>作品：</strong>${artPic.title}</p>
                            <p>
                                <strong>材料：</strong>${artPic.material}</p>
                            <p>
                                <strong>尺寸：</strong>${artPic.artSize}</p>
                            <p>
                                <strong>年代：</strong>${artPic.years}</p>
                        </div>
                        <ul class="basic clearfix">
                            <li class="sale_price"><strong>当前价格：</strong><em class="price">${listLog[0].bidPrice} <sup>RMB</sup></em></li>
                            <li class="end_time_wrapper">
                            	<strong class="label">结束时间：</strong>
                            	<input type="hidden" value="${pageAuction.identifier}" id="aId"/>
                            	<input type="hidden" value="${artPic.identifier}" id="pId"/>
                            	<span class="end_time"  time="${longEndWeb }" timezone="0" onexpiry="">
                            	<fmt:formatDate value="${pageAuction.eDate}" type="date" dateStyle="long"/><fmt:formatDate value="${pageAuction.eTime}" type="time" timeStyle="full" pattern ="HH:mm"/></span>
                            </li>
                        </ul>
                        <div class="auction_log" id="auction_log">
                            <p class="title">
                                <a href="javascript:;" class="tip all" id="show_all_log" title="全部">全部</a>出价记录 (${listLogCount})
                            </p>
                            <div class="list">
                                <div class="list_head">
                                    <span class="member">竞价会员</span> <span class="price_m">出价</span> <span class="time">  出价时间</span>
                                </div>
                                <div class="list_content">
                                <c:forEach items="${listLog}" var="list" varStatus="vs">
	                                <c:if test="${vs.count==1 }">
	                                    <p class="first">
	                                        <span class="member"><em class="user_rank_2">${list.member.nickname}</em></span> 
	                                        <span class="price_m"> ${list.bidPrice }</span>
	                                         <span class="time"><fmt:formatDate value="${list.gmtCreated}" pattern="MM-dd HH:mm:ss" /></span>
	                                    </p>
	                                </c:if>
	                                <c:if test="${vs.count>1 && vs.count<4}">
	                              		  <p>  
	                                        <span class="member"><em class="user_rank_0">${list.member.nickname}</em></span>
	                                         <span class="price_m"> ${list.bidPrice }</span> 
	                                            <span class="time"> <fmt:formatDate value="${list.gmtCreated}" pattern="MM-dd HH:mm" /></span>
	                                    </p>
	                                 </c:if>
                                </c:forEach>    
                                </div>
                            </div>
                        </div>
                       <div class="auction_refresh" id="auction_refresh">
                            <div id="refresh_time"  style="display: none" class="hasCountdown">  </div>
                            <div class="waiting_label">
                                <em>每</em><span id="waiting_time">0</span><em>秒更新</em>
                            </div>
                            <div class="waiting_bar" id="waiting_bar"> <div class="bar"> </div>  </div>
                            <a href="javascript:auctionItemRefresh();" class="simple_button">手动刷新</a> <span class="loader">  &nbsp;</span>
                        </div> 
                        <div class="actions_wrapper">
                            <p class="bid_price">
                                <span class="start_price">起拍价：<em class="price">${artPic.price}<sup>RMB</sup></em></span>
                                <br />
                                <span class="amplitude">加价幅度：<em class="price">100 <sup>RMB</sup></em></span>
                                <br />
                                <span>保证金：<em class="price">2000 <sup>RMB</sup></em></span>
                                <br />
                                <span>服务费：10%</span>
                            </p>
                            <div class="auction_actions clearfix">
                                <div class="number_picker" id="picPrice">
                                    <a href="javascript:;" class="minus">-</a>
                                    <input name="price" type="text" min="${artPic.price}" step="100" value="${listLog[0].bidPrice }" />
                                    <a href="javascript:;" class="plus">+</a>
                                </div>
                                <c:if test="${artPic.isForward}"></c:if>
	                            <c:if test="${!artPic.isForward}">
	                                 <c:if test="${empty onlineUser.member }">
	                               		 <input name="bid" type="button" id="bid" value="出 价" class="submit btn_special btn_bidding" onclick="apBiaAA();"/>
	                                </c:if>
	                                 <c:if test="${onlineUser.member!=null && !empty onlineUser.member}">
	                               		 <input name="bid" type="button" id="bid" value="出 价" class="submit btn_special btn_bidding" onclick="bidAA('${artPic.identifier}','${pageAuction.identifier}');return false;"/>
	                                </c:if>
                                </c:if>
                                <!-- <input name="act" type="hidden" value="bid" />
                                <input name="id" type="hidden" value="4102" /> -->
                            </div>
                        </div>
                        <p class="tel">
                            客户服务：<em>4008-123-798</em></p>
                    </div>
                </div>
            </div>
            <div id="auction_log_all" style="display: none">
                <div class="goods_desc box">
                    <div class="hd">
                        <h3>
                            出价记录</h3>
                        <div class="extra">
                        </div>
                    </div>
                    <div class="bd">
                        <div class="collector_list">
                            <dl class="table table_col4 f_l">
                            
	                                <dt class="head">竞价会员</dt>
	                                <dd class="head">
	                                    <span class="col price_m">出价</span> <span class="col">出价时间</span> <span class="col status">状态</span>
	                                </dd>
										<c:forEach items="${listLog}" var="list" varStatus="vs">
											<c:if test="${vs.count==1 }">
				                                <dt class="content">
				                                    <img src="../images/anonymous_avatar.gif" class="avatar"/>
				                                    <em class="user_rank_2">${list.member.nickname }</em> 
				                                </dt>
				                                <dd class="content odd">
				                                    <span class="col price_m f_l">${list.bidPrice} <sup>RMB</sup></span>
				                                     <span ><fmt:formatDate value="${list.gmtCreated}" pattern="MM-dd HH:mm:ss" /></span>
				                                    <span class="col status"><em class="leading">领先</em></span>
				                                </dd>
			                                </c:if>
			                                <c:if test="${vs.count >1}">
			                                <dt class="content">
			                                    <img src="../images/anonymous_avatar.gif" class="avatar"/>
			                                    <em class="user_rank_0">${list.member.nickname }</em> </dt>
			                                <dd class="content even">
			                                    <span class="col price_m">${list.bidPrice} <sup>RMB</sup></span> <span class="col"><fmt:formatDate value="${list.gmtCreated}" pattern="MM-dd HH:mm:ss" /></span>
			                                    <span class="col status">出局</span>
			                                </dd>
			                                </c:if>
                             		  	</c:forEach>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>
        </div>
       <%@include file="../common/footer.jsp" %>
    </div>
</div>
<script type="text/javascript">
 watchCountdownPic(); 
eventInit(); 
 auctionInit();
 
 function apBiaAA(){
		if(ART.checkLogin()){
			
		}else{
			alert("请登录哦~");
			window.location.href="login.htm"
		}
 }

 
	 
 $(function(){
		var tit,imgsrc;
		$("#zooming").click(function(){
			tit=$("#BigPic").attr("alt"),imgsrc=$("#BigPic").attr("src");
			if(!$("div.iview_box").length){
				var myzoom=new ShowView({
					unloadOnHide:true,//完全移除弹出层
					title:tit,
					afterShow:function(){
						var iv1 = $("#iview_img_container").iviewer({
						   src: imgsrc, //每次需传入不同图片参数
						   zoom:100,
						   update_on_resize: true,
						   zoom_animation: true,
						   mousewheel: true,
						   onMouseMove: function(ev, coords) { },
						   onStartDrag: function(ev, coords) { }, //this image will not be dragged
						   onDrag: function(ev, coords) { }
						});
						$("#iview_zi").click(function(){ iv1.iviewer('zoom_by', 1); }); 
						$("#iview_zo").click(function(){ iv1.iviewer('zoom_by', -1); }); 
						$("#iview_reset").click(function(){ iv1.iviewer('set_zoom', 100); }); 
					}	
				});	
			}else{
				ShowView.getView($("div.iview_box")).show();
			}	
		});	
	});
	
</script>

</body>
</html>
